<include file="public@header"/>
<!-- <link rel="stylesheet" type="text/css" href="__ROOT__/static/js/webuploader/webuploader.css"> -->
<link rel="stylesheet" type="text/css" href="__ROOT__/static/js/webuploader/image-upload/style.css">
<style>
    .form-search {
        padding: 19px;
        margin-bottom: 0;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
    }
</style>
</head>
<body>
<div class="layui-fluid js-check-wrap">
    <if condition="$no_head neq 1">
        
    </if>
    
    <div class="layui-card">
        <div class="layui-card-header">
            <h3>{:lang('ADMIN_MATERIAL_LIBRARY')}</h3>
        </div>
        <div class="layui-card-body">
            <div class="form-search layui-form-item clearfix">
                <!-- <input type="button" class="layui-btn layui-btn-danger layui-btn-sm" value="清空" onclick='serachMaterial(1)'/> -->
                <div class="layui-inline">
                    <input type="text" class="layui-input" name="keyword" id="keyword"
                       value="{$keyword|default=''}" placeholder="{:lang('PLEASE_ENTER_KEYWORD')}">
                </div>
                <div class="layui-inline">
                    <input type="button" class="layui-btn layui-btn-normal" value="搜索" onclick='serachMaterial()'/>
                </div>
                <div class="layui-inline">
                    <a class="layui-btn layui-btn-warm"  href="javascript:materialUploadMultiFile('文件上传', 'file', initData);">
                    <i class="fa fa-file"></i>
                    上传文件
                    </a>
                </div>
                <div class="layui-inline">
                    <a class="layui-btn layui-btn-danger" href="javascript:batchDeleteFile();">{:lang('DELETE_SELECTED')}</a>
                </div>
            </div>
        </div>

        <div class="layui-tab-content">
            <div class="asset-data"></div>

            <!-- 所在目录面包屑 -->
            <!-- <div class="fdir">
                <dd data-name='' class='top_d'><a href="javascript:;"><i class="fa fa-home"></i> 顶级目录</a></dd>
                <dl class="fdir-sub">
                </dl>
            </div> -->

            <!-- 目录下的文件和文件夹 -->
            <!-- <div class="file-list"></div> -->

            <!-- 分页 -->
            <!-- <div class="pagination page" data-title=''>{$pagination}</div> -->
        </div>
    </div>
</div>


<if condition="$no_head neq 1">
    <script type="text/javascript" src="__STATIC__/js/admin.js"></script>
    </body>
    </html>
</else>
    <include file="public@footer"/>
</if>

<script type="text/javascript">
    var size        = '{$size}';
    var filetype    = '{$filetype}';
    var ajax_url    = '{:url("user/Asset/getAssetData")}';
    var ajax_config = { status : 1 };

    var data = {
        'size':size,
        'type':filetype,
    };

    $(function(){
        initData();
    })
    
    //初始化数据函数
    function initData(reloads) {
        // var data = { 'id' : f.parent_id };
        if (reloads) {
            console.log(5);
            ajaxList(ajax_config.urls, dataList, data );
        }else {
            ajaxList(ajax_url, dataList, data);
        }
    }

    //搜索
    function serachMaterial(on){
        if(on){
            data.keyword = '';
            $('#keyword').val('');
        }else{
            data.keyword = $('#keyword').val();
        }
        
        //获取素材
        ajaxList(ajax_url, dataList, data);
    }

    function dataList(res){
        $('.asset-data').html(res.html);
        $('.loading').hide();
    }

    // ajax_get_file(ajax_url, '', 1, size, filetype);

    //分页
    // $('.pagination').on('click','a',function(){
    //     var page = $(this).attr('data-page');
    //     var name = $('.pagination').attr('data-title');
    //     if(!go) return false;
    //     go = false;
    //     $('.loading').show();
    //     $('.self').hide();
    //     ajax_get_file(ajax_url, name, page, size, filetype);
    // });

    //返回顶级目录
    // $('.top_d').click(function(){
    //     if(!go) return false;
    //     go = false;
    //     var name = $(this).attr('data-name');
    //     $('.loading').show();
    //     $('.self').hide();
    //     ajax_get_file(ajax_url, name, 1, size, filetype);
    // });
    
    //读取某个目录下的文件
    // function select_file(file_name,crumbs){
    //     if(!go) return false;
    //     go = false;
    //     var name = file_name;
    //     // if (!name) return false;
    //     $('.loading').show();
    //     $('.self').hide();
    //     ajax_get_file(ajax_url, name, 1, size, filetype);
    // }

    //ajax获取目录下的文件
    // function ajax_get_file(url, name, page, size, filetype){
    //     var data ={
    //         'name':name,
    //         'page':page,
    //         'size':size,
    //         'type':filetype
    //     };
    //     $.post(url, data, function(res,status){
    //         if(status == 'success'){
    //             $('.file-list').html(res.html);
    //             $('.fdir-sub').html(res.crumbs);
    //             $('.pagination').html(res.pagination).attr('data-title',name);
    //             go = true;
    //         }else{
    //             go=true;
    //             $('.self').show();
    //         }
    //         $('.loading').hide();
    //     },'json');
    // }

    //选择文件
    $('.asset-data').on('click','.item-checkbox',function(){
        $(this).toggleClass('item-checkbox-open');
        $(this).parents('.file-item').toggleClass('file-item-open');
    });
    // function file_click(){
    //     console.log($(this));
    //     //防止冒泡
    //     // event.stopImmediatePropagation();
        
    // }

    // //文件点击选中效果
    // function file_click(obj){
    //     return;
    //     if($(obj).find('.item-checkbox').attr('checked') == 'checked'){
    //         $(obj).find('.item-checkbox').attr('checked',false);
    //         $(obj).removeClass('on');
    //         if(filetype == 'file'){
    //             $(obj).find('img').attr('src','__JS__/webuploader/image-upload/f.png');
    //         }
    //     }else{
    //         $(obj).find('.item-checkbox').attr('checked',true);
    //         $(obj).addClass('on');
    //         if(filetype == 'file'){
    //             $(obj).find('img').attr('src','__JS__/webuploader/image-upload/fon.png');
    //         }
    //     }
    // }

    var go =true;
    //单个文件删除
    function deleteFile(_this){
        if(!go) return false;
        
        var id = $(_this).attr('data-id');
        if (id == '' || id == undefined) return false;

        Wind.use("layer", function () {
            layer.confirm('您确定要删除该文件吗？', {icon: 3, title:'提示'}, function(index){
                go = false;
                $('.loading').show();
                $('.self').hide();
                $.post('{:url("user/Asset/deleteAssetData")}',{'id':id},function(res,status){
                    Wind.use("layer", function () {
                        layer.msg(res.message);
                    });
                    if(status =='success'){
                        if(res.status == 1){
                            $(_this).parent().parent().remove();
                        }
                    }else{
                        $('.self').show();
                    }
                    go=true;
                    $('.loading').hide();
                },'json');

                layer.close(index);
            });
        })
    }

    //批量删除文件
    function batchDeleteFile(){
        var ids = [];
        
        Wind.use('ajaxForm', 'artDialog', 'iframeTools', function () {
            if ( $('.item-checkbox-open').length == 0) {
                art.dialog.through({
                    id: 'error',
                    icon: 'error',
                    content: '您没有勾选要删除的文件或文件夹，无法进行操作！',
                    cancelVal: '关闭',
                    cancel: true
                });
                return false;
            }

            Wind.use("layer", function () {
                layer.confirm('您确定要删除该文件吗？', {icon: 3, title:'提示'}, function(index){
                    $(".item-checkbox-open").each(function () {
                        ids.push($(this).find('.asset-id').val());
                    });

                    $.post('{:url("user/Asset/deleteAssetData")}',{'ids':ids},function(res){
                        layer.msg(res.message);

                        if(res.status == 1){
                            $(".item-checkbox-open").each(function(){
                                $(this).parent().remove();
                            })
                        } else{
                            $('.self').show();
                        }

                        $('.loading').hide();
                    },'json');

                    layer.close(index);
                });
            });

        });
    }

    // //文件预览
    // function view_img(_this){
    //     var imgUrl = $(_this).attr('data-title');
    //     if (imgUrl == '' || imgUrl == undefined) return false;
    //     // imgUrl = web_dir+'/'+imgUrl;
    //     imgUrl = "{:cmf_get_image_url('"+imgUrl+"')}";
    //     imgPreview(imgUrl);
    // }

    // //图片预览插件
    // function imgPreview(imgUrl) {
    //     $('body .preview, body .preview-body').remove();
    //     var preview = $('<div class="preview"></div>');
    //     $('body').append(preview);
    //     $('body').append('<div class="preview-body" />');
    //     preview.css({
    //         'left' : $(window).width()/2-preview.width()/2+'px',
    //         'top' : $(window).height()/2-preview.height()/2+'px'
    //     });
    //     var obj = new Image();
    //     obj.src = imgUrl;
    //     obj.onload = function() {
    //         var w = obj.width;
    //         var h = obj.height;
    //         var window_w = $(window).width()-50;
    //         var window_h = $(window).height()-50;
    //         if (w > window_w) {
    //             w = window_w;
    //             var radio = 0; 
    //             radio = w / obj.width;
    //             h = h * radio;
    //         }
    //         if (h > window_h) {
    //             h = window_h;
    //             var radio = 0;
    //             radio = h / obj.height;
    //             w = w * radio;
    //         }
    //         preview.append('<div class="preview-close"></div><img src="'+imgUrl+'" style="width:'+w+'px;" />');
    //         preview.css({
    //             'width' : w+'px',
    //             'height' : h+'px',
    //             'left' : $(window).width()/2-w/2+'px',
    //             'top' : $(window).height()/2-h/2+'px',
    //             'background' : '#fff',
    //             'position' : 'fixed',
    //             'line-height':h+'px',
    //         });
    //         $('body .preview-body, .preview-close').click(function(event) {
    //             event.stopImmediatePropagation();
    //             $('body .preview, body .preview-body').remove();
    //         });
    //     }
    // }
</script>
